<%--
  Created by IntelliJ IDEA.
  User: qintao
  Date: 15-5-13
  Time: 下午8:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/tags.jsp" %>
<html>
<head>
    <title></title>
    <style>
        #content {
            width: 100%;
            background: url(http://pages.ajkcdn.com/site/img/user/userBg.jpg) no-repeat 0 0;
            font-family: "Microsoft YaHei", "微软雅黑", tahoma, arial, simhei;
            height: 680px;
            overflow: hidden;
        }

        .login {
            width: 295px;
            height: 460px;
            padding: 13px 14px 15px;
            top: 56px;
            left: 50%;
            margin-left: 90px;
            text-align: left;
            position: absolute;
            z-index: 5;
            background: url(http://mimg.127.net/index/163/img/2013/login_v5.png) no-repeat;
            -background-image: url(http://mimg.127.net/index/163/img/2013/login_ie6_v5.png);
        }

        .tab-2 {
            background-position: -323px 0;
        }

        .loginFunc {
            width: 100%;
            height: 47px;
            overflow: hidden;
            clear: both;
        }

        .loginFuncNormal, .loginFuncApp {
            width: 148px;
            height: 100%;
            overflow: hidden;
            position: relative;
            line-height: 46px;
            float: left;
            font-size: 14px;
            text-align: center;
            color: #626262;
            cursor: pointer;
        }

        .loginFuncApp {
            padding-left: 15px;
            width: 132px;
            border-right: none;
            /* background: url('http://mimg.127.net/index/lib/img/icon_code.png') 28px 17px no-repeat; */
        }

        .tab-2 #normalLoginTab, .tab-1 #appLoginTab {
            display: block;
        }

        .login-panel, .login-title a, .success-tip, .input-box .code-btn, .login-title .title-split {
            display: inline-block;
            font-size: 0;
        }
        .input-box {
            margin-top: 5px;
            margin-left: 15px;
        }
        .input-box i {
            background-color: #ccc;
            color: #fff;
            padding: 12px 10px 11px 10px;
            vertical-align: middle;
            width: 16px;
            display: inline-block;
            margin-bottom: 6px;
        }
        .user-iconfont {
            font-family: "usericonfont"!important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: .2px;
            -moz-osx-font-smoothing: grayscale;
        }
        .input-box input {
            width: 200px;
            padding: 11px 10px;
            font-size: 14px;
            border: 1px solid #bbb;

            color: #333;
            margin-bottom: 6px;
        }
            
        .loginFormBtn {
            position: relative;
            width: 245px;
            height: 38px;
            margin: 18px 0 0 25px;
        }
        .btn, #extText li {
            background-image: url(http://mimg.127.net/index/163/img/2013/bg_v3.png);
        }

        .btn {
            width: 110px;
            height: 38px;
            float: left;
            text-align: center;
            cursor: pointer;
            border: 0;
            padding: 0;
            font-weight: 700;
            font-size: 14px;
            display: inline-block;
            vertical-align: baseline;
            line-height: 38px;
            outline: 0;
            background-color: transparent;
        }
        .btn-main {
            color: #fff;
            box-shadow: 0 2px 5px rgba(0,28,88,.3);
        }
        .btn-login {
            background-position: 0 -208px;
        }
        .btn-side {
            color: #6d798c;
            box-shadow: 0 2px 5px rgba(0,0,0,.1);
        }
        .btn-reg {
            background-position: -117px -208px;
            float: right;
        }


    </style>
</head>
<body style="margin: 0px;">
<div id="content" style="background-color: #d9d9d9;">

<div id="loginBlock" class="login tab-2">
    <div class="loginFunc">
        <div id="lbApp" class="loginFuncApp">二维码登录</div>
        <div id="lbNormal" class="loginFuncNormal">邮箱帐号登录</div>
    </div>
    <!-- 安全登录 -->

    <!-- 邮箱帐号登录 -->
    <form id="account-login" class="account-login validate_def" method="post">

        <div class="input-box" style="margin-top:30px;_width:345px;">
           用户:&nbsp; <input class="account-name" type="text" placeholder="用户名" maxlength="60"
                            data-validate="">
            <p class=""  style="display: none;"></p>
        </div>


        <div class="input-box">

            密码:&nbsp; <input class="account-pwd" type="password" placeholder="密码" maxlength="32"
                             data-validate="">

            <p class="" id=""></p>
        </div>

        <%--<div class="account-other">
            <label><input id="account-remember" type="checkbox" checked="" value="记住我">记住我</label>
            <a target="_blank" href="##">忘记密码？</a>
        </div>--%>

        <div class="loginFormBtn">
            <button id="loginBtn" class="btn btn-main btn-login" tabindex="6" type="submit">登&nbsp;&nbsp;录</button>
            <a id="lfBtnReg" class="btn btn-side btn-reg" href="##" target="_blank" tabindex="7">注&nbsp;&nbsp;册</a>
        </div>

    </form>
</div>

</div>
</body>
</html>
